<template>
    <pane-module :title="title">
        <template slot="content">
            <ul class="more-items-content">
                <li class="item" v-for="item in moreLinks">
                    <a :href="item.url" :target="item.target">{{ item.title }}</a>
                </li>
            </ul>
        </template>
    </pane-module>
</template>

<style lang="less">
    @import "./moreLinks.less";
</style>

<script>
  import PaneModule from 'byted-toutiao-pc-business-components/components/pane'

  export default {
    name: 'MoreLinks',
    data () {
      return {
        moreLinks: [{
          url: '/about/',
          title: '关于头条'
        }, {
          url: '/join/',
          title: '加入头条'
        }, {
          url: '/report/',
          title: '媒体报道'
        }, {
          url: '/media_partners/',
          title: '媒体合作'
        }, {
          url: '/cooperation/',
          title: '产品合作'
        }, {
          url: '/media_cooperation/',
          title: '合作说明'
        }, {
          url: 'https://ad.toutiao.com/promotion/?source2=pchomemore',
          title: '广告投放',
          target: '_blank'
        }, {
          url: '/contact/',
          title: '联系我们'
        }, {
          url: '/user_agreement/',
          title: '用户协议'
        }, {
          url: '/complain/',
          title: '侵权投诉'
        }, {
          url: '/corrupt_report/',
          title: '廉洁举报'
        }]
      }
    },
    props: {
      title: String
    },
    components: {
      PaneModule
    }
  }
</script>



// WEBPACK FOOTER //
// moreLinks.vue?b59aa882